// 名片效果
var hideCard = null;
function showCard(target,side) {
	target.mouseover(function(){
		clearTimeout(hideCard);
		var user = $(this);
		var offset = user.offset();
		var left = offset.left;
		var uwidth = $('#ucard').width();
		var hwidth = user.width();
		left += hwidth + 2;
		if(side == 'left') {
			left -= (uwidth + hwidth + 6);
		}
		$('#ucard').css({
			top : offset.top+'px',
			left : left+'px'
		}).show();
	}).mouseleave(function(){
		hideCard = setTimeout(function(){
			$('#ucard').hide();
		},700);
	});
}

$(document).ready(function(){
	// 用户菜单 - 暂时可以不用了，用css实现了
	// $('#loginuser').hover(function(){
	// 	$(this).next().show();
	// }).parent().hover(function(){},function(){
	// 	$(this).children('ul').hide();
	// });

	// 点击按钮暂停开始
	$('#register').click(function(){
		($(this).text()=='暂停挂号')?$(this).text('开始挂号'):$(this).text('暂停挂号');
	});

	// 删除标签
	var controls = $('#tags .close');
	controls.each(function(){
		$(this).click(function(){
			$(this).parent().remove();
		});
	});

	// 说说伸缩效果
	$('#mytalk').focus(function(){
		$(this).stop().animate({height:'120px',minHeight:'120px',maxHeight:'120px',paddingBottom:'40px'},600);
	}).blur(function(){
		$(this).stop().animate({height:'40px',minHeight:'40px',maxHeight:'40px',paddingBottom:'0'},600);
	});

	// tab选项卡切换效果，统一格式：dl>(dt>a*N)+(dd>div*N)，a的rel属性等于#+div的id
	var tabs = function(event) {
		var target = $(this.rel);
		$(this).addClass(event.data.cls).siblings().removeClass(event.data.cls);
		$(target).show().siblings('div').hide();
	};
	$('#newsmenu>dt>a').bind('click',{cls:'selected'},tabs);
	$('#recentvis>dt>a').bind('click',{cls:'selected'},tabs);

	// 名片效果
	$('#ucard').mouseover(function(){
		clearTimeout(hideCard);
	}).mouseleave(function(){
		this.style.display = 'none';
	});
	showCard($('#all').find('img.head'),'right');
	showCard($('#doctor').find('img.head'),'right');
	showCard($('#user').find('img.head'),'right');
	showCard($('#tagnews').find('img.head'),'right');
	showCard($('div.attimg').find('img.head'),'left');
});